<!doctype html>
<html>
  <head>
    <title>HTML contextmenu event is a MouseEvent</title>
    <script src="/resources/testharness.js"></script>
    <script src="/resources/testharnessreport.js"></script>
    <style>#contextmenutarget { width: 100px; height: 100px; background-color: red; }</style>
  </head>
  <body>
    <div id='contextmenutarget'>Trigger context menu in this box.</div>
    <div id="log"></div>
    <script type="text/javascript">
var t = async_test('contextmenu event generated from user action is MouseEvent');
document.querySelector("#contextmenutarget").addEventListener('contextmenu', t.step_func(function (e) {
    assert_equals(e.constructor, window.MouseEvent);
    document.querySelector("#contextmenutarget").style.backgroundColor = "green";
    t.done();
}));
    </script>
  </body>
</html>
